// product
.mr {
  margin-right: 10px;
  margin-bottom: 10px;
}
.list_hover {
  height: 41px;
  line-height: 41px;
  background: #fff;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  position: relative;
  flex-wrap: wrap;
  border-radius: 0 4px 4px 0;
  border-left: none;
  margin-left: -4px;
}
.list_hover > i {
  font-weight: bold;
  font-size: 15px;
  transition: all 0.2s linear;
  color: #1dbcc4;
}
.list_hover_avtive {
  position: absolute;
  background: #fff;
  width: 1200px;
  padding: 20px;
  line-height: 2;
  left: -2120%;
  top: 49px;
  border: 1px solid #ddd;
  z-index: 9999;
  text-align: left;
  flex-wrap: wrap;
}
.head_right_inp:hover i {
  transform: rotate(-180deg);
}
.head_right_inp {
  line-height: 40px;
  margin-top: 10px;
}
.list_hover_avtive h3 {
  border-bottom: 1px solid #dcdfe6;
  margin-right: 30px;
}
.list_hover_avtive {
  display: none;
  border-radius: 0 4px 4px 0;
}
.list_hover_avtive::after {
  content: "";
  position: absolute;
  top: -10px;
  right: 12%;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff; /*透明 透明  黄*/
}
.head_right_inp:hover .list_hover_avtive {
  display: flex;
}
.tree_item {
  width: 180px;
  margin: 0 0 6.9px 8px;
}
.tree_er {
  color: #333;
  font-size: 14px;
}
.list_hover a:hover {
  color: #4ea6fc;
}

//admincss
.adminTable {
  width: 100%;
  > table {
    width: 100%;
    > thead > tr > th {
      width: 10%;
    }
  }
}
//tableTree
.ishow {
  font-size: 13px;
  padding: 5px 15px;
  background: #58b25b;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

//
.content_title {
  // padding: 24px 0px 0px;
  border-bottom: 1px solid #e4e8f0;
  background: #fff;
  // height: 60px;
  margin-top: 24px;
  padding-bottom: 6px;
  // margin-bottom: 12px;
  // background-color: rgb(245, 247, 249);
}

.content_title .any_tanxing div {
  height: 28px;
  line-height: 28px;
}
//isXuanze
.config {
  > div:first-child {
    // width:35%;
  }
  > div:last-child {
    // width:60%;
    text-align: right;
    > div.rg {
      float: right !important;
    }
    > div.upload {
      padding-top: 4px;
    }
  }
}
/*表格底部样式*/
.table_bottom {
  padding: 10px 0px;
  background: #fff;
}
/*编辑内容*/
.content_edit {
  background: #fff;
  text-align: left;
}
.content_edit > div.black {
  margin: 20px;
  background: #fcfcfc;
  border: 1px #e8e8e8 solid;
}
.content_edit > div.black h5 {
  line-height: 16px;
  border-left: 3px solid #1c89d5;
  padding-left: 5px;
  font-weight: 700;
  color: #333;
  margin: 20px;
  font-size: 14px;
}
.content_edit .submit_button {
  margin-bottom: 20px;
  height: 40px;
}
.content_edit .ueditor {
  padding: 20px;
}
//
.is_mar {
  margin-top: 4px;
  margin-left: 4px;
}

//素材
.sucai {
  width: 60px;
  height: 60px;
}
//自动回复添加
.diy-phone-title,
.ptrd_box span,
.tab_navs,
.text-mark {
  text-align: center;
}
.diy-phone-footer,
.diy-phone-receiver,
.diy-phone-title {
  display: block;
  margin: 0 auto;
  background: url("../img/diy_phone_modules.png") no-repeat;
  background-size: cover;
}
#diy-phone {
  float: left;
  width: 399px;
  border: 1px solid #ccc;
  border-radius: 15px;
  background: #fff;
  position: relative;
}
.diy-phone-receiver {
  margin: 13px auto;
  width: 98px;
  height: 34px;
  background-position: 0 -74px;
}
.diy-phone-title {
  width: 375px;
  height: 32px;
  padding-top: 32px;
  background-position: 0 0;
  color: #fff;
  font-size: 18px;
  overflow: hidden;
  border: 1px solid #22292c;
  border-bottom: 0;
  cursor: pointer;
}
.diy-phone-contain {
  margin: 0 auto;
  width: 375px;
  min-height: 407px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  position: relative;
}
.materialPrePanel {
  margin-left: auto;
  margin-right: auto;
  width: 375px;
  overflow: hidden;
}

.mgt20 {
  margin-top: 20px;
}
dl,
ul {
  list-style: none;
}
.materialPrePanel dt {
  padding: 0;
  background-color: #fff;
}
.pd10 {
  padding: 10px;
}

.single-summary {
  padding: 10px 5px 10px 5px;
  line-height: 24px !important;
  color: #666;
  word-break: break-word;
  border: 1px solid #e7e7eb;
  font-size: 14px;
}
.diy-phone-footer {
  margin: 10px auto;
  width: 62px;
  height: 61px;
  background-position: -253px -70px;
}
.relative {
  border: 1px solid #e7e7eb;
  background-color: #f4f5f9;
  padding: 30px 12px 16px 12px;
  border-radius: 4px;
}

.top150 {
  top: 150px;
}
.arrow_out {
  border-color: transparent #e7e7eb transparent transparent;
  left: -13px;
}
.arrow {
  z-index: 10;
}
.arrow,
.edit-item,
.text-mark,
.text-mark a {
  position: absolute;
}
.arrow_in,
.arrow_out {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 12px 12px 12px 0;
  border-style: dashed solid dashed dashed;
  margin-top: 0;
  top: 50px;
}
.formitems {
  padding: 10px 0;
}

.formitems {
  line-height: 20px;
  padding: 0 0 8px;
}
.fi-help-text,
.fi-name,
.formitems {
  display: block;
}
.form-controls {
  margin-left: 0;
  position: relative;
}

.fi-imgslist:after,
.formitems:after {
  display: block;
  content: " ";
  height: 0;
  visibility: hidden;
  clear: both;
}
.checkbox-group,
.radio-group {
  display: inline-block;
  margin-right: 5px;
  padding-top: 5px;
}
.fi-help-text {
  font-size: 12px;
  color: #666;
}

.fi-help-text,
.fi-name,
.formitems {
  display: block;
}
.checkbox-group label,
.radio-group label {
  line-height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.formitems input[type="radio"],
.formitems input[type="checkbox"],
.tables-form input[type="radio"],
.tables-form input[type="checkbox"],
.tables-searchbox input[type="radio"],
.tables-searchbox input[type="checkbox"],
.wxtables input[type="radio"],
.wxtables input[type="checkbox"] {
  width: auto;
  border: none;
  box-shadow: none;
  background: 0 0;
  margin: 0 5px 0 0;
  cursor: pointer;
  position: relative;
}

.ptrd_box input {
  margin-top: -10px;
  display: none;
}
.checkbox-group input,
.radio-group input,
input.checkbox,
input.radio {
  width: auto;
  border: none;
  box-shadow: none;
  background: 0 0;
  margin: 0 2px 0 0;
  vertical-align: -2px;
  cursor: pointer;
}
.ptrd_box span {
  width: 60px;
  min-height: 44px;
  display: inline-block;
}

.diy-phone-title,
.ptrd_box span,
.tab_navs,
.text-mark {
  text-align: center;
}
.ptrd_box .pt_ico {
  width: 50px;
  height: 44px;
  background: url("../img/share_icon_big.png") no-repeat;
  display: inline-block;
  margin-bottom: -6px;
}

.ptrd_box .wenb {
  background-position: -210px -46px;
}

.ptrd_box .onewenb {
  background-position: -260px -46px;
}
.ptrd_box .morewenb {
  background-position: -310px -46px;
}
.ptrd_box .pt_ico.picwenb {
  background-position: -210px -46px;
}
.ptrd_box .onewenb:hover {
  background-position: -260px 0;
}
.ptrd_box .morewenb:hover {
  background-position: -310px 0;
}
.ptrd_box .pt_ico.picwenb.act,
.ptrd_box .pt_ico.picwenb:hover {
  background-position: -210px 0;
}
.ptrd_box .wenb_act {
  background-position: -210px 0 !important;
}
.ptrd_box .onewenb_act {
  background-position: -260px 0 !important;
}
.ptrd_box .morewenb_act {
  background-position: -310px 0 !important;
}

.picwenb_act {
  background-position: -210px 0 !important;
}
.form_mar > div {
  margin-bottom: 0 !important;
}
.hongxing > label:before {
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}
.bt_g {
  padding-top: 20px;
  border-top: 1px solid #e7e7eb;
  margin-top: 10px;
  text-align: center;
}

.mgt40 {
  margin-top: 40px;
}
.wxtext {
  border-top: 1px solid #e7e7eb;
  margin-bottom: 10px;
}
.wxtext_bg {
  padding: 0 20px 20px;
}
.ng {
  width: 250px;
  border-radius: 5px;
  border: 1px solid #eee;
  background-color: #fff;
  margin-bottom: 5px;
  overflow: hidden;
}
.ng .ng_item:first-child {
  padding-top: 0px;
  padding-bottom: 5px;
}

.ng .ng_item {
  border-bottom: 1px solid #eee;
  padding: 5px 9px;
}
.ng .ng_item .td_cont.with_label {
  position: relative;
  padding-left: 46px;
}

.ng .ng_item .td_cont,
.ng .ng_item:last-child,
.tr_news .ng_statistic .td_cont p {
  margin-bottom: 0;
}
.ng .ng_item .td_cont > .label {
  position: absolute;
  top: 0;
  left: 0;
}

.label-success {
  background-color: #468847 !important;
}
.label {
  padding: 1px 4px 2px;
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label {
  display: inline-block;
  padding: 3px 5px;
  margin: 3px 3px 3px 0;
  background: #333;
  color: #fff;
  border-radius: 3px;
}
.ng .ng_item .text {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  line-height: 16px;
  min-height: 16px;
  padding-top: 4px;
}
.ng .ng_item .text a {
  color: #1c89d5;
}
.ng .ng_item:last-child {
  border-bottom: none;
}

.ng .ng_item.view_more,
.ng .ng_item.view_more a {
  color: #666;
}
.first-d,
.first-t {
  margin: 0 auto;
  width: 262px;
}

.single-title {
  font-size: 16px;
  line-height: 22px;
  max-height: 46px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  font-weight: 400;
  padding-top: 10px;
  color: #666;
}
.first-d,
.first-t {
  margin: 0 auto;
  width: 262px;
}

.single-datetime {
  padding: 10px 0;
  color: #999;
}
.cover-wrap {
  width: 262px;
  height: 110px;
  overflow: hidden;
  border: 1px solid #ddd;
  margin: 0 auto;
}
.materialPrePanel dt .cover-wrap img {
  width: 262px;
  height: auto;
  text-align: left;
  // max-width: none;
  // max-height: none;
}

.materialPrePanel dt img {
  width: 290px;
  vertical-align: top;
}
.materialPrePanel dt .first-p {
  width: 262px;
  height: auto;
  margin: 0 auto;
  border: 0;
  padding: 10px 5px;
}

.single-summary {
  padding: 10px 0;
  line-height: 18px;
  color: #666;
  word-break: break-word;
  border: 1px solid #e7e7eb;
  font-size: 14px;
  // text-align: left;
}
.materialPrePanel dt .first-a {
  width: 262px;
  margin: 0 auto;
  padding: 10px 8px;
}

.materialPrePanel dd > a,
.materialPrePanel dt > a {
  display: block;
  position: relative;
  min-height: 32px;
  text-align: center;
}
.single-link {
  display: block;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 14px;
}
.single-link .symbol {
  font-family: simsun;
}
.materialPrePanel dt {
  padding: 0;
  background-color: #fff;
}

.border {
  border: 1px solid #ddd;
}
.bgcfff {
  background-color: #fff;
}
.materialPrePanel dt {
  padding: 0;
  background-color: #fff;
}

.mt10 {
  margin-top: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.materialPrePanel dd > a,
.materialPrePanel dt > a {
  display: block;
  position: relative;
  min-height: 32px;
  text-align: center;
}
.materialPrePanel dt .w262 {
  width: 262px;
  left: 13px;
  padding-left: 2px;
}
.materialPrePanel dd h3,
.materialPrePanel dt h2 {
  width: 290px;
  min-height: 22px;
  font-weight: 400;
  line-height: 22px;
  font-size: 14px;
  margin: 0;
  padding: 5px 0 5px 5px;
  letter-spacing: 1px;
  text-align: left;
  max-height: 42px;
  overflow: hidden;
}
.materialPrePanel dt h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.materialPrePanel dt .cover-wrap img {
  width: 262px;
  height: auto;
}

.materialPrePanel dt img {
  width: 290px;
}
.materialPrePanel dd:last-child {
  border-bottom: 0;
}

.materialPrePanel .newWidth {
  width: 262px;
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #ddd;
}
.materialPrePanel dd {
  height: 112px;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  background-color: #fff;
}
.materialPrePanel .newWidth a {
  width: 100%;
  border: 0;
}

.materialPrePanel dd > a {
  border: 1px solid #ccc;
  display: block;
  width: 288px;
  height: 110px;
}
.materialPrePanel dd > a,
.materialPrePanel dt > a {
  display: block;
  position: relative;
  min-height: 32px;
  text-align: center;
}
.border-top_1 {
  border-top: 1px solid #ddd;
}
.materialPrePanel .newWidth h3 {
  width: 175px;
  padding-left: 2px;
  position: relative;
  top: 20px;
}
.materialPrePanel dd h3 {
  font-size: 15px;
  letter-spacing: 1px;
  width: 200px;
  float: left;
  height: 46px;
  line-height: 21px;
  padding: 30px 0 0 5px;
  word-break: break-word;
  color: #8d8d8d;
  font-family: "微软雅黑";
  overflow: hidden;
}
.materialPrePanel dd h3,
.materialPrePanel dt h2 {
  width: 290px;
  min-height: 22px;
  font-weight: 400;
  line-height: 22px;
  font-size: 14px;
  margin: 0;
  padding: 5px 0 5px 5px;
  letter-spacing: 1px;
  text-align: left;
  max-height: 42px;
  overflow: hidden;
}
.materialPrePanel .pic {
  overflow: hidden;
  width: 78px;
  height: 78px;
  float: right;
  padding-top: 13px;
}
.materialPrePanel dd img {
  width: 78px;
  height: 78px;
}
.uploadImg_text {
  position: absolute;
  width: 58px;
  height: 60px;
  line-height: 120px;
  top: -7px;
}
.uploadImgClass {
  position: relative;
  top: -20px;
}
//微信自定义菜单

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert {
  position: relative;
  padding: 7px 10px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  line-height: 1.4em;
  text-align: left;
  font-size: 12px;
  width: 90%;
  margin-top: 20px;
}
.alert h4 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 5px;
  color: inherit;
}
.alert .alert-delete {
  position: absolute;
  right: 5px;
  top: 9px;
}
.gicon-remove {
  background-position: -312px 0 !important;
}

.inner_container_box {
  background-color: #fff;
  border: 1px solid #e7e7eb;
  width: 927px;
}
.inner_container_box_bd {
  width: 927px;
  height: auto;
  overflow: hidden;
}
.side_l.inner_container_box .inner_side {
  width: 250px;
}
.inner_container_box .bd {
  min-height: 530px;
}
.inner_container_box_bd .sub_title_bar .opr_wrp {
  text-align: right;
}
.inner_container_box_bd .sub_title_bar .opr_wrp .opr_meta {
  margin-left: 14px;
}
.sub_title_bar h4 {
  float: left;
  font-size: 14px;
}

.icon14_common,
.icon16_common {
  background-image: url(../img/icon-btn-meta.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  overflow: hidden;
}
.icon16_common.add_gray {
  background-position: 0 -51px;
}
.icon16_common {
  width: 16px;
  height: 16px;
  display: inline-block;
  line-height: 100px;
}
.frm_input_box,
.icon14_common,
.icon16_common,
.icon_dot {
  vertical-align: middle;
}
.inner_container_box_bd .sub_title_bar .opr_wrp .opr_meta {
  margin-left: 14px;
}
.icon16_common.sort_gray {
  background-position: 0 2px;
}

.sub_title_bar.light {
  background-color: #f4f5f9;
}

.inner_container_box_bd .sub_title_bar {
  line-height: 36px;
  padding: 0 12px;
  font-size: 0;
}
.sub_title_bar.light,
.tab_navs {
  border-bottom: 1px solid #e7e7eb;
}
.icon16_common.add_gray:hover {
  background-position: 0 -77px;
}
.icon16_common.sort_gray:hover {
  background-position: 0 -24px;
}
.inner_menu:first-child {
  border-top-width: 0;
}

.disabled {
  pointer-events: auto;
}
.disabled {
  cursor: default;
  opacity: 0.6;
}
.inner_container_box_ft,
.inner_menu {
  border-top: 1px solid #e7e7eb;
}
.inner_menu_box.gray .inner_menu_item.selected,
.inner_menu_box.gray .inner_menu_item:hover {
  background-color: #f4f5f9;
}
.inner_menu_item {
  position: relative;
  line-height: 32px;
}
.inner_menu_box.with_switch dt .inner_menu_link {
  padding-left: 20px;
  text-align: left;
}

.inner_menu_item.selected a,
.inner_menu_item:hover a,
.inner_menu_link,
.pre_menu_item a,
.tab_navs .tab_nav a,
a {
  text-decoration: none;
}
.inner_menu_link {
  display: block;
  color: #222;
  padding-left: 1em;
}
.inner_menu_link strong {
  display: inline-block;
  margin-top: -2px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 160px;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}

.action_content.init a strong,
.editor_tip em,
.frm_msg i,
.icon_dot,
.inner_menu_link strong,
.sub_title_bar h4 {
  font-weight: 400;
  font-style: normal;
}
.inner_menu .menu_opr {
  display: none;
  position: absolute;
  top: 0;
  right: 1em;
  z-index: 999;
}
.icon14_common,
.icon16_common {
  background-image: url(../img/icon-btn-meta.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  overflow: hidden;
}
.frm_input_box,
.icon14_common,
.icon16_common,
.icon_dot {
  vertical-align: middle;
}
.icon14_common {
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 100px;
}
.icon14_common.jsAddBt {
  background-position: 0 -93px;
}
.inner_menu_item.selected a,
.inner_menu_item:hover a,
.inner_menu_link,
.pre_menu_item a,
.tab_navs .tab_nav a,
a {
  text-decoration: none;
}
.icon14_common.jsEditBt {
  background-position: 0 -140px;
}
.icon14_common.jsDelBt {
  background-position: 0 -188px;
}
.inner_menu .menu_opr a {
  display: inline-block;
  margin-left: 0.5em;
  margin-top: -0.2em;
}
.inner_menu .menu_opr a {
  display: inline-block;
  margin-left: 0.5em;
  margin-top: -0.2em;
}
.inner_menu_link:hover {
  color: #000;
}
.inner_menu_item:hover span.menu_opr {
  display: block !important;
}
.icon14_common.jsAddBt:hover {
  background-position: 0 -117px;
}
.icon14_common.jsEditBt:hover {
  background-position: 0 -164px;
}
.icon14_common.jsDelBt:hover {
  background-position: 0 -212px;
}
.m_sort {
  display: inline-block;
  margin-left: 0.5em;
  margin-top: -0.2em;
}
.m_sort :hover {
  color: #000;
}
.inner_container_box.cell_layout .inner_main {
  width: 676px;
  border-left: 1px solid #e7e7eb;
  position: relative;
  left: -1px;
}
.sub_title_bar.light {
  background-color: #f4f5f9;
}

.inner_container_box_bd .sub_title_bar {
  line-height: 36px;
  padding: 0 12px;
  font-size: 0;
}
.sub_title_bar.light,
.tab_navs {
  border-bottom: 1px solid #e7e7eb;
}
.sub_title_bar h4 {
  float: left;
  font-size: 14px;
}
.inner_container_box:after,
.sub_title_bar:after,
.tool_bar:after {
  display: block;
  height: 0;
  content: "\200B";
  clear: both;
}
.action_content.default .action_tips {
  padding-top: 200px;
  text-align: center;
  font-size: 14px;
  color: #222;
}
.action_content.init {
  padding: 20px;
  text-align: center;
}
.action_content.init a {
  color: #222;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
.action_content.init .action_tips {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 60px;
  font-size: 14px;
}

.icon_menu_action,
.wx_app {
  width: 114px;
  height: 114px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon_menu_action {
  background-image: url(../img/icon-big-btn.png);
}
.icon_menu_action.send {
  background-position: 0 -248px;
}
.icon_menu_action.url {
  background-position: 0 -496px;
}
.action_content.init a strong {
  display: block;
  padding-top: 5px;
  font-size: 14px;
  line-height: 24px;
}
.wx_app {
  background-image: url(../img/wxappLogo1.png);
}
.action_content.url {
  padding: 64px 86px;
}
.action_content.url .action_tips {
  padding: 0 0 20px;
  font-size: 12px;
  text-align: left;
}
.seleUrl {
  width: 50%;
  margin-bottom: 20px;
}
.left_form > div {
  margin-left: 0 !important;
}
.fi-help-text {
  font-size: 12px;
  color: #666;
  text-align: left;
  line-height: 1.5;
}
.msg_sender {
  border: 1px solid #e7e7eb;
  width: 638px;
  margin: 0 auto 20px;
}
.tab_navs {
  height: 32px;
  line-height: 30px;
  border-bottom: 1px solid #e7e7eb;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}
.msg_sender .tab_navs {
  line-height: 38px;
  height: 38px;
  border-top-width: 0;
}
.ftsize14,
.j_moudle_btn,
.tab_nav,
.title_tab {
  font-size: 14px;
}
.editor_toolbar,
.msg_sender .tab_navs,
.tab_navs .tab_nav.selected,
.tab_panel {
  background-color: #fff;
}
.tab_nav {
  float: left;
  background: none !important;
}
.msg_sender .selected {
  display: block;
}
.editor_toolbar,
.msg_sender .tab_navs,
.tab_navs .tab_nav.selected,
.tab_panel {
  background-color: #fff;
}
.tab_navs .tab_nav a {
  display: block;
  color: #222;
  outline: 0;
  padding: 0 10px;
}
.icon_msg_sender {
  margin-right: 3px;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  background-image: url(../img/icon-img.png);
  background-repeat: no-repeat;
}
.tab_text .icon_msg_sender {
  background: url(../img/icon-i.png) 0 1px no-repeat;
}
.tab_img .icon_msg_sender {
  background-position: 0 -384px;
}
.tab_appmsg .icon_msg_sender {
  background-position: 0 -440px;
}
.imgnav-select {
  background-image: url(../img/icon-img1.png);
}
.tab_img .icon_msg_sender {
  background-position: 0 -384px;
}
.tab_navs .imgnav .audio {
  background: url(../img/auto.png) 0 -180px no-repeat;
}
// .tab_navs .imgnav .video {
//     background: url(../img/auto.888ff729.png) 0 -120px no-repeat !;
// }
.tab_navs .imgnav .video {
  background: url(../img/auto.png) 0 -120px no-repeat;
}
.tab_navs .imgnav .usercard {
  background: url(../img/auto.png) 0 -360px no-repeat;
}
.tab_navs .imgnav .mallcard {
  background: url(../img/auto.png) 0 -470px no-repeat;
}
.tab_text a:hover .icon_msg_sender,
.tab_text.selected .icon_msg_sender {
  background-position: 0 -27px;
}
.action_content.send .action_tips {
  padding: 20px;
  font-size: 14px;
  text-align: left;
}
.tab_img .icon_msg_sender:hover {
  background-position: 0 -412px;
}
.tab_appmsg .icon_msg_sender:hover {
  background-position: 0 -468px;
}

.video,
.video:hover {
  background: url(/assets/img/auto.888ff729.png) 0 -150px no-repeat !important;
}
.usercard:hover {
  background: url(/assets/img/auto.888ff729.png) 0 -390px no-repeat !important;
}
.mallcard:hover {
  background: url(/assets/img/auto.888ff729.png) 0 -495px no-repeat !important;
}
.msg_sender .tab_panel {
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
.tab_panel {
  min-height: 216px;
}

.msg_sender .tab_content .inner {
  border-width: 0;
}
.tab_content .inner {
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 14px 20px;
}
.materialPrePanel {
  margin-left: auto;
  margin-right: auto;
  width: 375px;
  overflow: hidden;
}

.tool_bar {
  padding-bottom: 50px;
  padding-top: 20px;
}
.btn,
.btn-default-set,
.header-nav-list li {
  position: relative;
}
.btn {
  padding: 0 12px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  cursor: pointer;
  color: #333;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ccc;
  vertical-align: baseline;
  margin-top: 1px;
  margin-bottom: 2px;
}
a.btn {
  height: 28px;
  line-height: 28px;
  width: 50px;
}
.btn.btn-primary {
  background-color: #428bca;
  border-color: #357ebd;
  color: #fff;
  margin: 0 5px;
}
.Concern_box .cr_code,
.Concern_top i,
.btn,
.btn-default-set {
  display: inline-block;
}
#pubBt,
#viewBt {
  width: 50px;
}
.jbox-container {
  padding: 15px;
  overflow-y: auto;
  overflow-x: auto;
}
.menu_notes {
  padding: 30px 80px;
  display: block;
}
.frm_label {
  display: block;
  width: auto;
  margin-top: 0.3em;
  margin-right: 1em;
  font-size: 14px;
  margin-bottom: 0.5em;
}
.frm_input_box {
  display: inline-block;
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 278px;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #e7e7eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #fff;
}
.frm_input {
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  height: 22px;
  margin: 4px 0;
  color: #222;
  font-family: inherit;
  font-size: 100%;
  padding: 0;
}
.jbox-buttons {
  padding: 10px;
  border-top: 1px solid #e5e5e5;
  text-align: right;
}

.jbox-buttons a {
  margin-left: 5px;
  width: 55px;
}
.inner_menu_box.with_switch .icon_dot {
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -14px;
  -webkit-transform: scale(0.8);
  font-size: 10px;
}
.icon_dot {
  display: inline-block;
  font-size: 8px;
  color: #d5d5d5;
}
.inner_menu_box.with_switch dd .inner_menu_link {
  padding-left: 36px;
  text-align: left;
}
.edit_gray {
  background-position: 0 -140px;
}
.del_gray {
  background-position: 0 -188px;
}
.content-right-title {
  font-size: 14px;
  padding-bottom: 20px;
}

.gicon-info-sign {
  background-position: -120px -96px;
}
[class*=" gicon-"],
[class^="gicon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 0.3em;
  line-height: 14px;
  vertical-align: -2px;
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.sup-right-title {
  font-size: 14px;
  margin-top: 30px;
}
.span1 > span:first-child {
  border-left: 1px solid #c8c8c8;
}
.s1 {
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  // border:1px solid #c8c8c8;
  border-left: none;
  font-size: 13px;
  cursor: pointer;
  // background: #ebebeb;
  color: #666;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  background-color: #ebebeb;
}
.s2 {
  border-left: 1px solid #c8c8c8 !important;
}
.set_active {
  border-top: 2px solid #1c88d5;
  border-right: 1px solid #c8c8c8;
  // border-left: 1px solid #c8c8c8;
  background: #fff;
  color: #333 !important;
  border-bottom: none;
}
.titl1 {
  position: relative;
  z-index: 110;
}
.title2 {
  position: relative;
  z-index: 100;
  margin-top: -1px;
}
.sups_tub {
  width: 100%;
  position: absolute;
  bottom: -34px;
}

.mgt15 {
  margin-top: 15px;
}
.tabs {
  position: relative;
  // border-bottom: 1px solid #ddd;
}
.tabs .tabs_a {
  position: relative;
  padding: 10px 18px;
  margin-right: -1px;
  display: inline-block;
  background-color: #ebebeb;
  color: #666;
  border: 1px solid #c8c8c8;
  border-width: 1px 1px 0;
  cursor: pointer;
}

.badge,
.hint,
.tabs .tabs_a {
  text-align: center;
}
.sups_tub .tabs_a {
  float: left;
  padding: 10px;

  display: inline-block;
  text-align: center;
  background-color: #ebebeb;
  color: #666;
  min-width: 100px;
  margin-top: 10px;
  font-size: 14px;
}
.tabitem a {
  float: left;
  padding: 10px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  background-color: #ebebeb;
  color: #666;
  min-width: 100px;
  margin-top: 10px;
  font-size: 14px;
}
.tabs .tabs_a.template_active {
  font-weight: 700;
  background: #fff !important;
  color: #333;
  border-top: 2px solid #1c89d5;
  margin-bottom: -1px;
}
.sups_tub .template_item_active {
  color: #fff;
  background: #43ba1f;
}
.mgt50 {
  margin-top: 50px;
}
.info_label > label {
  line-height: 20px !important;
}
#message-addon {
  width: 100%;
  left: 441px;
  top: 64px;
  width: 99px;
  height: 158px;
  background: #fafafa;
  border: 1px solid #ccc;
  text-align: center;
}

#message-addon {
  left: 547px;
  top: 4px;
  width: 99px;
  height: 20px;
  background: #fafafa;
  border: 1px solid #ccc;
  z-index: 9999;
  cursor: pointer;
  font-size: 12px;
}
#message-addon li {
  line-height: 25px;
  color: #1c89d5;
  cursor: pointer;
  text-align: left;
  padding-left: 10px;
}
.from_label {
  display: inline-block;
  vertical-align: text-top;
}
.from_label_l {
  width: 695px;
}
.text_active {
  background-position: 0 -27px !important;
}
.oneImg_active {
  background-position: 0px -412px !important;
}
.twoImg_active {
  background-position: 0 -468px !important;
}
.upImg_active {
  background-position: 0 -412px !important;
}
.mp_active {
  background: url(/assets/img/auto.888ff729.png) 0 -495px no-repeat !important;
}
// addNews
.news {
  padding: 10px 24px 0px 14px;
}
.newtime {
  padding: 5px 30px 0px 14px;
  color: #ccc;
  font-size: 12px;
}
.prefix_i span.el-input__prefix {
  left: 20px !important;
  color: #cccccc !important;
}
.prod_shop_guige {
  margin-top: 40px;
}
.col_label {
  color: #606266;
  font-size: 14px;
  line-height: 40px;
}
.head_color {
  background-color: #f4f8ff !important;
  color: #151d50;
  height: 46px;
  font-size: 15px;
  > th {
    background-color: #f4f8ff !important;
  }
}
.ruting_tab {
  > :first-child {
    border: 1px solid #ebeef5;
    border-bottom: none;
  }
  > :last-child {
    border: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
  }
}
.upload_shop {
  width: 148px;
  > div {
    width: 148px;
    height: 148px;
    padding-top: 26px;
    border: 1px dashed #ddd;
  }
  i {
    font-size: 58px !important;
  }
  p.p_hover {
    color: #ebeef5;
  }
  > ul {
    height: 148px;
    > li {
      height: 148px !important;
      padding: 0 !important;
      overflow: visible !important;
      > :not(:first-child) {
        // overflow:hidden !important;
      }
      > a {
        position: relative;
        top: -146px;
        z-index: 50;
        width: 148px;
        height: 148px;
        color: #fff;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
      }
      img {
        width: 148px !important;
        height: 148px !important;
        margin-left: 0 !important;
        // max-width: none;
        // max-height: none;
      }
      label,
      i {
        display: none !important;
      }
    }
  }
}
.show_upload > div {
  display: none !important;
}
.zhuImg > ul > li::after {
  content: "封面图";
  position: relative;
  right: -155px;
  top: -300px;
  color: #333;
  font-size: 18px;
}
.parendd {
  overflow: visible !important;
  div {
    overflow: visible !important;
  }
}
.parend > div {
  position: relative;
  // z-index: 10;
  div {
    overflow: visible;
  }
}
.childTab {
  // position: absolute;
  // top: 35px;
  // z-index: 999;
  // right: 185px;
}
.dioClass {
  z-index: 2003;
  position: absolute !important;
  left: -367px !important;
  top: -40px !important;
  > div {
    // width: 100% !important;
  }
  div.el-dialog__header {
    display: none !important;
  }
  div.el-dialog__body {
    padding: 0 !important;
  }
}
.dioTab {
  position: absolute;
  width: 400px;
  left: -175%;
  z-index: 5000;
}
.ss > div {
  display: none !important;
}
.childTabs {
  background: #fff;
  border: 1px solid #eee;
  > div:first-child {
    border-right: 1px solid #eee;
    height: 60px;
    line-height: 60px;
  }
  > div:last-child {
    margin-top: 10px;
    padding: 0 20px;
  }
}
.setZhutu > ul > li > span > span:first-child {
  > i {
    display: none !important;
  }
}
.setZhutu > ul > li > span > span:first-child::after {
  content: "设置主图";
}
.addZhuClass::after {
  content: "主图";
}
.add_prod_img {
  > ul,
  span {
    display: inline-block !important;
  }
}
.fmt {
  font-size: 14px;
  text-decoration: none;
}
.zhuTu {
  position: relative;
  overflow: visible !important;
  > p {
    color: red !important;
  }
}
.zu {
  overflow: visible !important;
  > p {
    color: #fff;
    position: absolute;
    top: -26px;
  }
}
.img_bor_tx {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
  }
}

// 分类也
.content-right {
  padding: 20px 20px 22px;
  background: #fff;
  // border: 1px solid #e4e4e4;
}
.alert b,
.alert strong {
  font-size: 14px;
  margin-right: 5px;
}
.panel-single.panel-single-light {
  background: #fcfcfc;
  border: 1px solid #e8e8e8;
}

.panel-single {
  background: #eee;
  border: 1px solid #ccc;
  padding: 15px;
}

.panel-single {
  padding: 25px 0;
}
.fi-help-text,
.fi-name,
.formitems {
  display: block;
}

.formitems,
.list_class {
  display: flex;
}

.formitems {
  line-height: 20px;
  padding: 0 0 8px;
}

.formitems .fi-name {
  float: left;
  width: 110px;
  text-align: right;
  color: #333;
}
.form-controls {
  line-height: 28px;
  margin-left: 10px;
}
.fi-name {
  line-height: 28px;
  font-weight: 700;
}
.btn {
  vertical-align: baseline;
}
a.btn {
  height: 28px;
  line-height: 28px;
}
.btn-grey,
.btn.btn-danger,
.btn.btn-primary,
.btn.btn-success,
.btn.btn-warning {
  color: #fff;
}
.btn.btn-success {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
a.btn.btn-small {
  height: 22px;
  line-height: 22px;
}
.j-copy {
  display: inline-block !important;
  width: auto !important;
  margin-left: 5px !important;
}

.box {
  margin: 80px 32% 20px 40px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  width: auto;
}
.list_class {
  line-height: 28px;
  flex-direction: column;
  width: 250px;
  margin-left: 0;
}
.list_class .list_class_bg {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  border: 1px solid #e8e8e8;
  margin-right: 5px;
  margin-bottom: 15px;
  text-align: left;
  width: 170px;
  > span {
    font-size: 12px;
    text-size-adjust: none;
    padding-left: 10px;
  }
}
.list_class_bg i {
  height: 12px;
}
.list_class input {
  display: none;
}
.list_class .list_class_bg.checked {
  font-weight: 700;
  background: #f0ad4e;
  border-color: #f0ad4e;
  color: #fff;
}
.preview_area {
  background: url(../img//iph6.png) no-repeat;
  display: inline-block;
  width: 264px;
  height: 537px;
  background-size: contain;
  margin-top: -40px;
}
.preview_area img {
  width: 228px;
  padding: 67px 0 0 0px;
}
.mgl120 {
  margin-left: 120px;
}

// 首页设置
.content-right-box {
  // height: 660px;
  overflow: auto;
  box-sizing: content-box;
  position: relative;
  padding-bottom: 56px;
}

.content-right-title {
  font-size: 14px;
  padding-bottom: 20px;
  text-align: left;
}
.gicon-info-sign {
  vertical-align: 0px !important;
}
.index_alert {
  width: 100% !important;
  margin-top: 0 !important;
}
.diy {
  width: 100%;
}
#diy-phone.no-border {
  border: 0;
  padding: 0;
}

#diy-phone {
  float: left;
  padding: 0 12px;
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 190px;
  margin-top: 40px;
}
.diy-phone-title {
  width: 375px;
  height: 32px;
  padding-top: 32px;
  background-position: 0 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #22292c;
  border-bottom: 0;
  cursor: pointer;
}
.diy-phone-contain {
  margin: 0 auto;
  width: 375px;
  min-height: 407px;
  background-color: #f9f9f9;
  border: 1px solid #e2e2e2;
}
.diy-conitem {
  position: relative;
}
.diy-conitem {
  > img {
    position: relative;
    z-index: 2;
  }
}
.index_con {
  padding: 0 1px;
  background: #f2f2f2;
  position: relative;
  > div {
    width: 100%;
    background: #fff;
    min-height: 80px;
  }
}
.index_con > div:hover .index_border {
  border: 1px dashed red;
}
.meb_set_index:hover .index_border {
  border: 1px dashed red;
}
.index_content {
  position: relative;
}
.index_border {
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  height: 100%;
  z-index: 50;
}
.banner_content {
  position: relative;
  > div:first-child {
    height: 135px;
    overflow: hidden;
  }
  > div.banner_jiaodian {
    position: absolute;
    top: 100px;
    right: 20px;
    z-index: 9;
    > span {
      display: inline-block;
      background: #fff;
      width: 15px;
      height: 2px;
      margin-right: 5px;
    }
  }
}
.index_menu {
  position: relative;
  background: #fff;
  > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 4% 2% 1%;
    text-align: center;
    > li {
      width: 18%;
      text-align: center;
      margin: 0 1% 3.5%;
      img {
        display: block;
        width: 85%;
        margin: 0 auto;
        vertical-align: middle;
        max-width: none;
        max-height: none;
      }
      p {
        line-height: 15px;
        padding-top: 5px;
        color: #666;
        font-size: 12px;
        -webkit-font-smoothing: subpixel-antialiased;
      }
    }
  }
}
.index_brand {
  width: 95%;
  margin: 0 auto;
  padding: 10px 10px 20px;
  position: relative;
  > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    > li {
      width: 33.3%;
      overflow: hidden;
      // height: 70px;
      position: relative;

      > a {
        img {
          width: 100%;
        }
      }
    }
    > li:first-child {
      width: 100%;
      // height: 90px;
    }
    > :not(:first-child) {
      margin-top: 5px;
    }
    > :nth-child(3),
    :nth-child(6),
    :nth-child(9) {
      padding: 0 5px;
    }
  }
}
.index_day {
  position: relative;
  > .index_day_title {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    background: #f4f4f2;
  }
  > div.day_bg {
    background: #f1f1f1;
    padding-bottom: 20px;
  }
}
.day_card {
  border: none !important;
  background-color: transparent;
}
.day_card img {
  width: 100px;
  height: 100px;
}
.day_shop {
  font-size: 12px;
  text-align: left;
  > div:first-child {
    color: #000;
    > span {
      font-weight: bold;
    }
  }
  > div:last-child {
    color: #ec0808;
    > span {
      text-decoration: line-through;
    }
  }
}
.image {
  width: 100%;
  display: block;
}
.index_find {
  padding: 20px 10px 20px;
  text-align: left;
  position: relative;
  > h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
  }
  .index_last {
    > ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      > li {
        width: 23.5%;
        img {
          max-width: none;
          max-height: none;
          width: 100%;
        }
      }
      > li:nth-child(1),
      li:nth-child(2),
      li:nth-child(3) {
        width: 32%;
      }
      li:nth-child(2) {
        margin: 0 2% 0;
      }
      li:nth-child(4),
      li:nth-child(5) {
        width: 49%;
      }
      li:nth-child(4) {
        margin-right: 2%;
      }
      li:nth-child(5) ~ li {
        margin-right: 2%;
      }
      li:nth-child(9),
      li:nth-child(13),
      li:nth-child(17),
      li:nth-child(21),
      li:nth-child(24),
      li:nth-child(27),
      li:nth-child(30) {
        margin-right: 0 !important;
      }
    }
  }
}
.index_list {
  text-align: left;
  padding: 0px 10px 10px;
  position: relative;
  > h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
  }
  .index_list_img {
    > ul {
      display: flex;
      flex-direction: row;
      align-items: baseline;
      flex-wrap: wrap;
      > li {
        width: 49%;
        // height: 80px;

        img {
          max-height: none;
          max-width: none;
          height: 100%;
          width: 100%;
        }
      }
      > li:first-child {
        margin-right: 0% !important;
        width: 100%;
        // margin-bottom: 2%;
      }
      > li:nth-child(3) {
        margin-right: 2% !important;
        width: 49%;
      }
      > li:nth-child(2) {
        width: 100%;
        margin-top: 2%;
        // height: 100px;
      }
      > li:nth-child(4) {
        width: 49%;
        margin-right: 0% !important;
        margin-top: 2%;
      }
      > li:nth-child(5) {
        margin-right: 2%;
        margin-top: 2%;
      }
      > li:nth-of-type(odd) {
        margin-right: 2%;
        margin-top: 2%;
      }
    }
  }
  .index_list_fire {
    margin-top: 1%;
    > ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      > li:first-child {
        width: 100%;
        margin-right: 0 !important;
      }
      > li {
        width: 48.5%;
      }
      > li:nth-of-type(even) {
        margin-right: 3%;
      }
      > li:not(:first-child) {
        margin-top: 1.5%;
      }
    }
  }
}
.index_up_to_day {
  position: relative;
}
.index_shop_list {
  position: relative;
  margin-top: -1%;
  min-height: 20px;
  > ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    > li {
      width: 48%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      overflow: hidden;
      > div:first-child {
        width: 100%;
        overflow: hidden;
        border-radius: 5px 0 0 5px;
        img {
          width: 174px;
          height: 150px;
        }
      }
      > div:last-child {
        text-align: left;
        padding: 5px;
        width: 100%;
        > h3 {
          font-size: 12px;
        }
        .shop_Label {
          margin-top: 12px;
          display: flex;
          justify-content: space-between;

          span:first-child {
            color: red;
          }
        }
      }
    }
  }
}
.diy-phone-header {
  position: relative;
}
.index_diy-ctrl {
  position: absolute;
  top: 0px;
  right: -12px;
  float: left;
  margin-left: 0px;
  margin-bottom: 190px;
  text-align: left;
}
.index_img_nav {
  width: 100px !important;
  height: 100px !important;
  > img {
    height: 100% !important;
  }
}
.diy-ctrl-itemss {
  padding: 10px 10px 100px 10px !important;
  margin-top: 0 !important;
}
.bg_con {
  background: #f0f0f0;
  padding: 25px 0 1px;
  margin-bottom: 10px;
  position: relative;
}
.bannger_img {
  height: 80px !important;
}
.dele_banner {
  position: absolute;
  top: 5px;
  right: 15px;
}
.add_banner {
  text-align: center;
  padding: 0 !important;
  height: 78px;
  line-height: 78px;
  font-size: 55px;
  font-weight: bold;
  color: #6c6c6c;
  cursor: pointer;
}
.index_head,
.index_banner,
.index_menu_form,
.index_day_bg,
.index_brand_add,
.index_find_add,
.index_list_add,
.index_shop_list_add,
.adv {
  display: none;
}
.items > div {
  border: 2px dashed transparent;
}
.addImg_menu {
  line-height: 100px;
  text-align: center;
  font-size: 55px;
  color: #a28f92;
  font-weight: bold;
  border: 2px dashed #ddd !important;
}
.shops_list {
  position: relative;
  > a {
    display: none;
  }
}

.shops_list:hover a {
  display: block;
}
.index_head {
  top: -65px !important;
}
// .index_banner{
//     top: -137px !important;
// }
// .index_menu_form{
//     top: -170px !important;
// }
// .index_brand_add{
//     top: -260px !important;
// }
// .index_day_bg{
//     top: 680px !important;
// }
// .index_find_add{
//     top: 940px !important;
// }
// .index_list_add{
//     top: 1250px !important;
// }
// .index_shop_list_add{
//     top: 1610px !important;
// }
// .index_set_active{
//     border: 1px dashed red !important;
// }

// 会员中心 index_banner

.gicon_linkother > i {
  color: #2467c6;
}
.meb_set {
  background-size: cover;
  height: 76px !important;
  padding-top: 36px;
}
.meb_set_index {
  position: relative;
  background-size: cover;
  height: 64px !important;
  padding-top: 28px;
}
#diy-ctrl {
  float: left;
  margin-left: 12.5px;
  margin-bottom: 190px;
}
.diy-ctrl-item {
  position: absolute;
  width: 630px;
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}
.diy-ctrl-item {
  width: 608px;
  margin-top: 106px;
  padding: 10px 0 10px 10px;
}
.diy-ctrl-items::after {
  position: absolute;
  content: " ";
  top: 16px;
  left: -16px;
  display: block;
  width: 0;
  height: 0;
  border: 8px solid #f8f8f8;
  border-color: transparent #e0dbdb transparent transparent;
  z-index: 111;
}
.controls_tit {
  margin-left: 0 !important;
  font-size: 14px;
}

.controls_tit label {
  display: inline-block;
  float: left;
  padding-left: 4px;
  margin-top: 25px;
}
.form-controls > label:first-child {
  margin-right: 0;
}
.showPosition {
  text-align: left;
  background: #fff;
  padding: 8px 0 3px;
  width: 100%;
}
.checkAll_menber {
  padding-left: 55px;
  > label {
    width: 100px !important;
    margin-bottom: 10px;
  }
}
.diy-ctrl-items .formitems {
  padding: 0 0 4px !important;
}
.meb_height_130 {
  min-height: 130px !important;
}
.meb_height_200 {
  height: 210px !important;
}
.meb_height_170 {
  height: 170px !important;
}
.meb_height_450 {
  height: 450px !important;
}
.men_add {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.img_nav {
  width: 160px;
  height: 55px;
  position: relative;
  padding: 1px;
  border: 1px solid #ddd;
  overflow: hidden;
  cursor: pointer;
}
.nav_view_pic {
  width: 100%;
  vertical-align: middle;
  height: auto;
  max-width: none !important;
  max-height: none !important;
}
.imgnav-reselect {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  color: #fff;
}
.img_nav:hover .imgnav-reselect {
  display: block;
}
.def_img {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  position: absolute;
  left: 210px;
  top: 0px;
  z-index: 10;
}
.formitems .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #606266;
}
.leb_check_width span {
  width: 15px !important;
}
.poster_con {
  position: relative;
  width: 100%;
  height: 420px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  > div {
    cursor: pointer;
  }
}
.touxiang {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}

.toux_text {
  position: absolute;
  color: #333;
  font-size: 12px;
  z-index: 3;
}
.erweima {
  position: absolute;
  background: url(../img/config/ewm.png) no-repeat;
  background-size: 100%;
}

// user
.user_img {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  + span {
    display: inline-block;
    margin-top: 8px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #409eff;
    font-size: 12px;
    color: #fff;
  }
}
.user_table {
  span {
    color: #626262;
    font-weight: bold;
    font-size: 12px;
  }
  small {
    color: #626262;
  }
}
.user_info {
  text-align: left;
  padding: 30px;
  > h3 {
    font-weight: bold;
  }
}
.info > ul {
  > li > span {
    color: #2c3e50;
    font-weight: bold;
  }
}
.user_tables ~ div {
  margin-top: 30px;
}

// xiugai

.tab_div {
  > div {
    min-height: 25px;
    line-height: inherit;
    font-size: 12px;
    span:first-child {
      color: #626262;
      font-weight: bold;
      display: inline-block;
      height: 20px;
      line-height: 20px;
    }
    span:last-child {
      color: #626262;
    }
    span.rat {
      padding: 5px 10px;
      background: #409eff;
      border-radius: 3px;
      color: #fff;
    }
    span.tx {
      background: #009688 !important;
    }
    span.sh {
      background: #ffb800 !important;
    }
    span.lei_red {
      background: #fa5521 !important;
    }
  }
}
.img_bor {
  border: 1px solid #ddd;
  margin: 0 auto;
  text-align: center;
  padding: 2px;
  display: inline-block;
  > img {
    width: 50px;
    height: 50px;
    vertical-align: middle;
  }
}

// 充值记录

.ftsize18 {
  font-size: 18px;
}

.colorRed {
  color: red !important;
}
a.btn.btn-small {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  width: auto;
}
.upload_video {
  width: 140px;
  height: 140px;
  border: 3px dashed #c0ccda !important;
  line-height: 140px;
  font-size: 50px;
  color: #8c939d !important;
  position: relative;
}
.video_jindu {
  position: absolute;
  width: 100%;
  width: 100%;
  top: 5px;
  left: 5px;
  background: rgba(0, 0, 0, 0.4);
}
.open_con .el-form-item {
  margin-bottom: 0 !important;
}
.search_prod {
  padding: 10px 50px 0 0;
  > .el-form-item {
    margin-bottom: 0 !important;
  }
}
.top_weiy {
  position: relative;
  padding-left: 10px;
}
.xz {
  transform: rotate(-90deg);
}
.xzz {
  transform: rotate(90deg);
}
.open_order_search {
  margin-top: 10px;
  span {
    font-size: 13px;
    color: #666;
    cursor: pointer;
  }

  span:hover {
    color: #118bd8 !important;
  }
}
.open_con {
  overflow: hidden;
  transition: all 0.3s linear;
}
.myblank button {
  margin: 5px 5px 0 0;
  margin-left: 0 !important;
}
.user_info_xiaofei {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e7e7eb;
  margin-bottom: 20px;
  > div {
    padding: 10px 0 10px 10px;
    font-size: 12px;
    color: #000000;
    > div:last-child {
      font-weight: bold;
      font-size: 16px;
      margin-top: 15px;
    }
  }
  > div:hover {
    background: #f2f8fc;
  }
}

.time_width {
  // width: 235px;
  div.el-date-editor {
    width: 100%;
  }
}

.zdySwith {
  height: 36px !important;
  line-height: 30px !important;
  display: inline-block;
}
.zdySwith > .el-switch__core {
  // width: 82px !important;
  height: 34px !important;
  border-radius: 16px !important;
  border: 1px solid #dfdfdf !important;
}
.zdySwith > .el-switch__core:after {
  width: 28px !important;
  height: 28px !important;
  top: 2px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.zdySwith.el-switch.is-checked .el-switch__core::after {
  margin-left: -30px !important;
}

.el-switch__label.is-active {
  z-index: 1111;
  color: #fff;
}
.el-switch__label--left {
  position: absolute;
  // left: 85px;
  color: #fff;
  z-index: -1111;
  height: 34px;
  line-height: 34px;
  width: 82px !important;
  right: 0;
  text-align: center;
  padding-left: 28px;
}
.demo.el-switch .el-switch__core,
.el-switch .el-switch__label {
  width: 82px !important;
}
.el-switch__label--right {
  position: absolute;
  // right: 95px;
  color: #fff;
  z-index: -1111;
  height: 34px;
  line-height: 34px;
  width: 82px !important;
  right: 0;
  text-align: center;
  padding-right: 28px;
}
.el-switch__label--right.is-active {
  z-index: 1111;
  color: #fff !important;
}
.el-switch__label--left.is-active {
  z-index: 1111;
  color: rgb(122, 122, 122) !important;
}
.el-switch__label--left {
  margin-right: 0 !important;
}

.log_bg {
  position: absolute !important;
  left: 0;
  z-index: 1 !important;
}
.el-upload--picture-card {
  padding-top: 0 !important;
  > img {
    height: 100%;
  }
}

.im_list_head .el-input--suffix {
  width: 100px !important;
}
.im_list_head .el-input__inner {
  border: none !important;
  background: none !important;
}
// .textarea::-webkit-input-placeholder{transform:translate(200px,160px);}
.im_list {
  height: 100% !important;
}
.msg_con {
  height: 100% !important;
}
.el-header {
  //   padding: 0 0 20px 0 !important;
  padding: 0 0 0 0 !important;
}
.video_jindu_shop {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  .el-progress__text {
    color: #fff;
  }
}

.star_review {
  height: 40px;
  display: flex;
  align-items: center;
}

.footer_pos {
  background: url("../img/meb/qr.png");
  height: 90px;
}
.pic_img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  > ul {
    display: none;
  }
}
.pin {
  display: none;
}
.poster_con:hover .pin {
  display: block;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.upload_text {
  color: #d2d2d2;
  font-size: 26px;
}
.close_img {
  font-size: 20px;
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 5px;
  z-index: 101;
  font-weight: bold;
  color: red;
}
.mode {
  width: 100%;
  position: absolute;
  z-index: 110;
  height: 100%;
}
.ql-formats,
.ql-picker-label {
  height: 24px !important;
}
.ql-color-picker {
  height: 24px !important;
}
.tc .el-dialog__body {
  text-align: center;
}
.tuwenheight {
  min-height: 400px;
}
.tree_yiji {
  color: #1082ef;
  display: inline-block;
  margin-left: 10px;
}
.three_title {
  font-size: 13px;
  color: #b3aead;
}
.el-table [class*="el-table__row--level"] .el-table__expand-icon {
  vertical-align: super !important;
}
.mon_com .bg_write {
  display: none;
}

/**************任务*****************/
.task_img {
}
.task_img img {
  width: 100%;
}
.el-form--inline > div:last-child {
  // margin-left: 110px;
}
.content-head {
  padding: 0 22px 0px 20px;
  position: relative;
  // z-index: 999;
  background-color: #fff;
  min-height: 70px;
  // margin-bottom: 10px;
}
// .content-head ::after{
//   content: '';
//   position: absolute;
//   bottom: 0;
//   height: 20px;
//   width: 100%;
//   left: 0;
//   z-index: 1;
//   background-color: #f4f5f9;
// }
.content-search {
  // background-color: #f4f5f9;
  padding: 0 20px;
}
.content-search > div {
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 10px;
  box-shadow: 0 0 10px 2px #e3e3e3;
  position: relative;
  z-index: 5;
  margin-bottom: 20px;
}
.money-group label {
  // margin: 5px;
}
.search_prod .el-form-item__label {
  text-align: center;
  padding: 0;
  font-weight: bold;
}
.content-mbx {
  font-size: 18px;
  color: #494949;
  font-weight: 500;
  font-family: "微软雅黑";
  padding-left: 20px;
}
.content-mbx span.content-mbx-active:hover {
  color: blue;
  cursor: pointer;
}
.money-group .el-radio-button__inner,
.money-group .el-radio-button:first-child .el-radio-button__inner {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.money-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  border: none;
  border-bottom: 2px solid #3d76f7;
  background-color: transparent;
  color: #3d76f7;
  border-radius: 0;
  border-left: none;
  border-right: none;
  box-shadow: none;
}
.search-form-line {
  text-align: left;
  border: 1px solid #c5c7cc;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  height: 34px;
  line-height: 34px;
}
.search-form-line > div {
  height: 100%;
}
.search-form-line-left {
  min-width: 120px;
  padding: 0 14px;
  display: inline-block;
  text-align: center;
  background-color: #fbfdff;
  border-right: 1px solid #c5c7cc;
  color: #606266;
}
.search-form-line .el-input__inner {
  border: none;
}
.search-form-center {
  border: 1px solid #c5c7cc;
  height: 100%;
  overflow: hidden;
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.search-form-center .el-input__inner {
  border: none;
}
.search-form-center .el-input-group__append {
  border: none;
  border-radius: 0;
  background-color: #409eff;
  color: #fff;
  position: relative;
  right: -2px;
}
.right-searct-buton {
  border-radius: 0 3px 3px 0;
  line-height: 34px;
  height: 34px;
  padding: 0px 20px;
}
.top_weiy button {
  height: 34px;
}
.table-content {
  box-shadow: 0 0 10px 2px #e3e3e3;
  padding: 30px 32px;
  background: #fff;
}
.table-content .el-table {
  border-right: none;
  border-left: none;
}
.search-form-box > div {
  width: 270px;
  margin-right: 26px;
}
.head-right-icon {
  color: #3d76f7;
  font-weight: 500;
  justify-content: flex-end;
  margin-right: 30px;
  cursor: pointer;
}
.head-right-icon:hover {
  color: #59698d;
}
.user-button > button {
  padding: 7px 21px;
}
.el-input__inner,
.el-range-input {
  &::placeholder {
    color: #c5c7cc;
  }

  &::-webkit-input-placeholder {
    /* WebKit browsers 适配谷歌 */
    color: #c5c7cc;
  }

  &:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #c5c7cc;
  }

  &::-moz-placeholder {
    /* Mozilla Firefox 19+ 适配火狐 */
    color: #c5c7cc;
  }

  &:-ms-input-placeholder {
    /* Internet Explorer 10+  适配ie*/
    color: #c5c7cc;
  }
}
.search_prod1 .el-form-item__label {
  line-height: 40px;
}
